<html>
	<head>
	<title>我的网站</title>
	<style type ="text/css">
	<link charset ="utf-8">
	a:hover{color:red;}
	div{
	width:100px;
	height:100px;
	margin:20px;
	background:blue;
	display:inline;
	float:left;
	}
	#sss {background:cyan; display:none}
	.news{background:red;}
	a:hover{
	position:fixed;
	left:1px;
	top:1px;
		}
	ul li{
	float:left;
}
	ul li ul {
	display:none;
	position:absolute; 
	width:4em;
	margin-left:-6px;
	margin-top:5px;
}
	ul li:hover ul{
	display:block;

}
	ul li ul li{
	border:1px solid #000;
}
	</style>
	<script src ="Downloads/jquery-3.2.0.min.js"></script>
	
	</head>

<body>
<h1><a href="http:www.baidu.com">百度一下你就晓得</a></h1>	
	<p>有序列表：</p>
    <ol>
	 <li>把大象装进冰箱需要几步</li>
 	 <li>打开冰箱门</li>
 	 <li>把大象放进去</li>
  	 <li>关上冰箱门</li>
    </ol>

<p>无序列表：</p>
    <ul>
 	 <li>雪碧
	<ul>
	 <li>瓜子</li>
       	 <li>饮料</li>
      	 <li>矿泉水</li>
	 </ul>
</li>
		
	 <li>可乐</li>
	 <li>凉茶</li>
    </ul>

	<div id="sss" style="color:#A52A2A">
	<h3>hello</h3>
	<p> kugou</p>
	</div>

	<div
	class="news">
	<h3>hello</h3>
	<p>tangchao</p>
	</div>
	
	<div
	  class= "news">
	<h3>hello</h3>
	<p>liaomebgshi</p>
	</div>
	<p>
	<h1>...<h1>
   <img src= "/Users/zhongjiwang/Desktop/tup/111.gif" width="350" height="350">
   <img src= "/Users/zhongjiwang/Desktop/tup/112.gif" width="350" height="350">
   <img src= "/Users/zhongjiwang/Desktop/tup/113.gif" width="350" height="350">

   <img src= "Desktop/tup/114.gif" width="350" height="350">
   <img src= "Desktop/tup/115.gif" width="350" height="350">
   <img src= "Desktop/tup/116.gif" width="350" height="350">
	</p>

    </body></html>
